{include file="public/head"}
<style>
    body,.aui-grid-content{background:#F1F3F4}
    .aui-grid-row-item{
        width: 49%;
        background: #fff;
        margin: .1rem;
    }
    .aui-grid-row-item-nine{
        width: 32.3%!important;
        margin: .1rem;
    }
    .aui-grid-row img{
        width: 6.5rem;
        height: 6.5rem;
    }
    @media  screen and (min-width:375px ) {
        .aui-grid-row-item-nine{
            width: 32.4%!important;
        }
        .aui-grid-row img {
            width: 4rem;
            height: 4rem;
        }
    }

    @media  screen and (min-width:414px ) {
        .aui-grid-row-item-nine{
            width: 32.5%!important;
        }
        .aui-grid-row img {
            width:4rem;
            height:4rem;
        }
    }

    .aui-content-box span{
        font-size: 1rem;
        /*padding:1rem .5rem;*/
    }
</style>
<body>
<header class="aui-header-default aui-header-fixed aui-header-bg">
    <div class="aui-header-center">
        <span>首页</span>
    </div>
</header>
<div class="aui-content-box">
    <div class="aui-banner-content aui-fixed-top" data-aui-slider>
        <div class="aui-banner-wrapper">
            {volist name="BannerList" id="v"}
            <div class="aui-banner-wrapper-item">
                <a href="{$v.dizhi}">
                    <img src="{$v.url}" style="width: 100%;max-height: 20rem;">
                </a>
            </div>
            {/volist}
        </div>
        <div class="aui-banner-pagination"></div>
    </div>
    <section class="aui-grid-content">
        <!--<span style="margin-left:1rem;">巴菲名媛商城</span>-->
        <!--<div class="aui-grid-row">-->
        <!--    <a href="{:url('Index/Index')}" class="aui-grid-row-item" style="text-align: -webkit-center;">-->
        <!--        <img src="__STATIC__/User/img/icon/sc.png">-->
        <!--        <p class="aui-grid-row-label">商城</p>-->
        <!--    </a>-->
        <!--    <a href="{:url('User/FeedbackAdd')}" class="aui-grid-row-item" style="text-align: -webkit-center;">-->
        <!--        <img src="__STATIC__/User/img/icon/fk.png">-->
        <!--        <p class="aui-grid-row-label">客服中心</p>-->
        <!--    </a>-->
        <!--</div>-->
        <span style="margin-left:1rem;">商品服务</span>
        <div class="aui-grid-row">
            {volist name="GoodsList" id="gv"}
            <a href="{:url('Goods/GoodsDetail',array('goods_id'=>$gv.id))}" class="aui-grid-row-item aui-grid-row-item-nine" style="text-align: -webkit-center;max-height:150px;margin:0.3rem 0.1rem">
                <img src="{$gv.logo_url}">
                <p class="aui-grid-row-label">{$gv.name}</p>
                <p class="aui-grid-row-label">{$gv.price}</p>
            </a>
            {/volist}
        </div>
    </section>
</div>

<footer class="aui-footer-default aui-footer-fixed">
    <a href="{:url('Index/App')}" class="aui-footer-item aui-footer-active">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
        <span class="aui-footer-item-text">首页</span>
    </a>
    <a href="{:url('Index/Index')}" class="aui-footer-item">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
        <span class="aui-footer-item-text">商城</span>
    </a>
    <a href="{:url('Index/pin')}" class="aui-footer-item">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
        <span class="aui-footer-item-text">拼团</span>
    </a>
<!--    <a href="{:url('Goods/ClassList')}" class="aui-footer-item">-->
<!--        <span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>-->
<!--        <span class="aui-footer-item-text">分类</span>-->
<!--    </a>-->
    {if condition="$UserInfo.level gt 1"}
    <a href="{:url('Order/UserCart')}" class="aui-footer-item">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
        <span class="aui-footer-item-text">购物车</span>
    </a>
    {/if}
    <a href="{:url('User/Index')}" class="aui-footer-item">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
        <span class="aui-footer-item-text">我的</span>
    </a>
</footer>
<script type="text/javascript" src="__STATIC__/User/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/User/js/aui.js"></script>
</body>
</html>